<div class="navigation-bar">
    <div class="container">
      <a class="navigation-bar__logo" href="https://grakn.ai/"><img src="https://grakn.ai/assets/svg/logo.svg" alt="Grakn AI"></a>
        <div class="navigation-bar__links navigation-bar__links--desktop">
            <a class="navigation-bar__link navigation-bar__link__inline navigation-bar__link__button" href="https://grakn.ai/download" id="download_nav_bar_mobile">Download</a>
            <div class="navigation-bar__link navigation-bar__link__dropdown">
                <!-- react-text: 233 -->Products
                <!-- /react-text -->
                <i class="fa fa-caret-down" aria-hidden="true"></i>
                <div class="navigation-bar__link__dropdown__content">
                    <a class="navigation-bar__link navigation-bar__link__dropdown__content__item animated__link" href="https://grakn.ai/grakn-core">Grakn Core</a>
                    <a class="navigation-bar__link navigation-bar__link__dropdown__content__item animated__link" href="https://grakn.ai/grakn-kbms">Grakn KBMS & Workbase</a>
                </div>
            </div>
            <div class="navigation-bar__link navigation-bar__link__dropdown">
                <!-- react-text: 239 -->Solutions
                <!-- /react-text -->
                <i class="fa fa-caret-down" aria-hidden="true"></i>
                <div class="navigation-bar__link__dropdown__content">
                    <a class="navigation-bar__link navigation-bar__link__dropdown__content__item animated__link" href="https://grakn.ai/deployment">Deployment</a>
                    <a class="navigation-bar__link navigation-bar__link__dropdown__content__item animated__link" href="https://grakn.ai/services">Services</a>
                    <a class="navigation-bar__link navigation-bar__link__dropdown__content__item animated__link" href="https://grakn.ai/support">Support
                    </a>
                </div>
            </div>
            <div class="navigation-bar__link navigation-bar__link__dropdown">
                <!-- react-text: 255 -->Developer
                <!-- /react-text -->
                <i class="fa fa-caret-down" aria-hidden="true"></i>
                <div class="navigation-bar__link__dropdown__content">
                    <a href="https://dev.grakn.ai/academy/" class="navigation-bar__link navigation-bar__link__dropdown__content__item animated__link" target="_self">Academy</a>
                    <a href="https://dev.grakn.ai" class="navigation-bar__link navigation-bar__link__dropdown__content__item animated__link" target="_self">Documentation</a>
                    <a href="https://discuss.grakn.ai/" class="navigation-bar__link navigation-bar__link__dropdown__content__item animated__link" target="_self">Discussion</a>
                </div>
            </div>
            <a class="navigation-bar__link navigation-bar__link__inline animated__link" href="https://grakn.ai/community">Community</a>
            <a href="https://blog.grakn.ai/" class="navigation-bar__link navigation-bar__link__inline animated__link" target="_blank">Blog</a>
            <a href="https://github.com/graknlabs/grakn" class="navigation-bar__link navigation-bar__link__inline" target="_blank"><i class="fa fa-2x fa-github navigation-bar__link__icon" aria-hidden="true"></i></a>
        </div>
        <div class="navigation-bar__links navigation-bar__links--mobile">
            <button id="hamburger-btn" class="navigation-bar__hamburger__button hamburger hamburger--collapse" aria-hidden="true">
                <span class="hamburger-box"><span class="hamburger-inner"></span></span>
            </button>
            <div id="hamburger-menu" class="navigation-bar__hamburger">
                <a class="navigation-bar__link navigation-bar__link__inline navigation-bar__link__button" href="https://grakn.ai/download" id="download_nav_bar">Download</a>
                <div class="navigation-bar__link navigation-bar__link__dropdown">
                    <!-- react-text: 233 -->Products
                    <!-- /react-text -->
                    <i class="fa fa-caret-right" aria-hidden="true"></i>
                    <div class="navigation-bar__link__dropdown__mobile">
                        <a class="navigation-bar__link navigation-bar__link__dropdown__content__item animated__link" href="https://grakn.ai/grakn-core">Grakn Core</a>
                        <a class="navigation-bar__link navigation-bar__link__dropdown__content__item animated__link" href="https://grakn.ai/grakn-kbms">Grakn KBMS & Workbase</a>
                    </div>
                </div>
                <div class="navigation-bar__link navigation-bar__link__dropdown">
                    <!-- react-text: 239 -->Solutions
                    <!-- /react-text -->
                    <i class="fa fa-caret-right" aria-hidden="true"></i>
                    <div class="navigation-bar__link__dropdown__mobile">
                        <a class="navigation-bar__link navigation-bar__link__dropdown__content__item animated__link" href="https://grakn.ai/deployment">Deployment</a>
                        <a class="navigation-bar__link navigation-bar__link__dropdown__content__item animated__link" href="https://grakn.ai/services">Services</a>
                        <a class="navigation-bar__link navigation-bar__link__dropdown__content__item animated__link" href="https://grakn.ai/support">Support
                        </a>
                    </div>
                </div>
                <div class="navigation-bar__link navigation-bar__link__dropdown">
                    <!-- react-text: 255 -->Developer
                    <!-- /react-text -->
                    <i class="fa fa-caret-right" aria-hidden="true"></i>
                    <div class="navigation-bar__link__dropdown__mobile">
                        <a href="https://dev.grakn.ai/academy/" class="navigation-bar__link navigation-bar__link__dropdown__content__item animated__link" target="_self">Academy</a>
                        <a href="https://dev.grakn.ai" class="navigation-bar__link navigation-bar__link__dropdown__content__item animated__link" target="_self">Documentation</a>
                        <a href="https://discuss.grakn.ai/" class="navigation-bar__link navigation-bar__link__dropdown__content__item animated__link" target="_self">Discussion</a>
                    </div>
                </div>
                <a class="navigation-bar__link navigation-bar__link__inline animated__link" href="https://grakn.ai/community">Community</a>
                <a href="https://blog.grakn.ai/" class="navigation-bar__link navigation-bar__link__inline animated__link" target="_blank">Blog</a>
                <a href="https://github.com/graknlabs/grakn" class="navigation-bar__link navigation-bar__link__inline" target="_blank"><i class="fa fa-2x fa-github navigation-bar__link__icon" aria-hidden="true"></i></a>
            </div>
        </div>
    </div>
</div>